﻿<%@ Page Title="Chuyên gia" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ChuyenGiaDetails.aspx.cs" Inherits="Dost.Khcn.Web.Admin.ChuyenGiaDetails" %>

<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <h3>Chuyên gia: <span data-bind="text: ChuyenGia().HoTen"></span></h3>
    <h4>Thông tin chung</h4>
    <table>
        <tr>
            <td style="text-align: left;">Họ tên:</td>
            <td data-bind="text: ChuyenGia().HoTen"></td>
            <td style="width: 60px;"></td>
            <td style="text-align: left;">Giới tính:</td>
            <td data-bind="text: TenGioiTinh"></td>
        </tr>
        <tr>
            <td style="text-align: left;">Năm sinh:</td>
            <td data-bind="text: ChuyenGia().NamSinh"></td>
            <td></td>
            <td style="text-align: left;">Dân tộc:</td>
            <td data-bind="text: ChuyenGia().DanToc"></td>
        </tr>
        <tr>
            <td style="text-align: left;">Địa chỉ liên hệ:</td>
            <td colspan="4" data-bind="text: ChuyenGia().DiaChi"></td>
        </tr>
        <tr>
            <td style="text-align: left;">Điện thoại:</td>
            <td data-bind="text: ChuyenGia().DienThoai"></td>
            <td></td>
            <td style="text-align: left;">Email:</td>
            <td data-bind="text: ChuyenGia().Email"></td>
        </tr>
        <tr>
            <td style="text-align: left;">Học hàm:</td>
            <td data-bind="text: ChuyenGia().TenHocHam"></td>
            <td></td>
            <td style="text-align: left;">Năm được phong học hàm:</td>
            <td data-bind="text: ChuyenGia().NamHocHam"></td>
        </tr>
        <tr>
            <td style="text-align: left;">Học vị:</td>
            <td colspan="4" data-bind="text: ChuyenGia().TenHocVi"></td>
        </tr>
        <tr>
            <td style="text-align: left;">Chức vụ:</td>
            <td data-bind="text: ChuyenGia().ChucVu"></td>
            <td></td>
            <td style="text-align: left;">Chức danh nghiên cứu:</td>
            <td data-bind="text: ChuyenGia().ChucDanh"></td>
        </tr>
        <tr>
            <td colspan="5" style="padding-top: 15px;">Đơn vị đang công tác (hoặc trước khi nghỉ hưu):</td>
        </tr>
        <tr>
            <td style="text-align: left;">Tên:</td>
            <td data-bind="text: ChuyenGia().TenDonVi"></td>
            <td style="width: 10px;"></td>
            <td style="text-align: left;">Điện thoại:</td>
            <td data-bind="text: ChuyenGia().DienThoaiDonVi"></td>
        </tr>
        <tr>
            <td style="text-align: left;">Địa chỉ:</td>
            <td colspan="4" data-bind="value: ChuyenGia().DiaChiDonVi"></td>
        </tr>
        <tr>
            <td colspan="5" style="padding-top: 15px;"></td>
        </tr>
        <tr>
            <td style="text-align: left;">Lĩnh vực nghiên cứu chính:</td>
            <td colspan="4" data-bind="text: ChuyenGia().TenLinhVuc"></td>
        </tr>
    </table>
    
    <h4>Quá trình đào tạo</h4>
    <table>
        <tr>
            <td style="text-align: left;">Chuyên ngành đào tạo:</td>
            <td colspan="4" data-bind="text: ChuyenGia().TenChuyenNganh"></td>
        </tr>
        <tr>
            <td style="text-align: left;">Hình thức đào tạo:</td>
            <td colspan="4" data-bind="text: ChuyenGia().TenHinhThucDaoTao"></td>
        </tr>
        <tr>
            <td style="text-align: left;">Cơ sở đào tạo:</td>
            <td colspan="4" data-bind="text: ChuyenGia().TenCoSoDaoTao"></td>
        </tr>
        <tr>
            <td style="text-align: left;">Nước cấp:</td>
            <td data-bind="text: ChuyenGia().TenQuocGia"></td>
            <td></td>
            <td style="text-align: left;">Năm nhận học vị: <span data-bind="text: ChuyenGia().NamHocVi"></span></td>
            <td></td>
        </tr>
        <tr>
            <td style="text-align: left;">Tên luận án:</td>
            <td colspan="4" data-bind="text: ChuyenGia().TenLuanAn"></td>
        </tr>
        <tr>
            <td colspan="5" style="padding-top: 15px;"></td>
        </tr>
        <tr>
            <td style="text-align: left;">Trình độ ngoại ngữ:</td>
            <td colspan="4" data-bind="text: ChuyenGia().NgoaiNgu"></td>
        </tr>
        <tr>
            <td style="text-align: left;">Thành tựu hoạt động<br />
                KH&CN khác:</td>
            <td colspan="4">
                <div data-bind="html: ChuyenGia().ThanhTuuKhcnKhac"></div>
            </td>
        </tr>
        <tr>
            <td style="text-align: left;"></td>
            <td></td>
            <td></td>
            <td style="text-align: left;"></td>
            <td></td>
        </tr>
    </table>

    <h4>Quá trình công tác</h4>
    <div id="QuaTrinhCongTacContainer"></div>
    
    <h4>Công trình nghiên cứu</h4>
    <div id="CongTrinhContainer"></div>
    
    <h4>Đề tài cấp Nhà Nước/cấp Bộ</h4>
    <div id="DeTaiNhaNuocContainer"></div>
    
    <h4>Đề tài cấp Tỉnh</h4>
    <div id="DeTaiCapTinhContainer"></div>
    
    <h4>Giải thưởng về KHCN</h4>
    <div id="GiaiThuongKhcnContainer"></div>
    
    <h4>Files</h4>
    <div id="ChuyenGiaFileContainer"></div>

    <div>
        <h4>Xuất file</h4>
        <asp:DropDownList ID="ddlExportType" runat="server">
            <asp:ListItem Value="1">Word</asp:ListItem>
            <asp:ListItem Value="2">Excel</asp:ListItem>
            <asp:ListItem Value="3">Pdf</asp:ListItem>
        </asp:DropDownList>
        <asp:Button ID="btnExport" runat="server" Text="Xuất file" OnClick="btnExport_Click" />
    </div>

    <script type="text/javascript">
        var chuyenGiaId = <%=Request.Params["id"] %>;
        var chuyenGiaViewModel;
        $(document).ready(function () {
            // load chuyengia
            $.blockUI();
            $.ajax({
                url: "ChuyenGiaDetails.aspx/GetChuyenGia",
                data: JSON.stringify({id: chuyenGiaId}),
                type: "post",
                contentType: "application/json",
                async: true,
                success: function (data) {
                    var chuyenGia = ko.mapping.fromJS(data.d);
                    chuyenGiaViewModel = new ChuyenGiaViewModel(chuyenGia);
                    ko.applyBindings(chuyenGiaViewModel);
                }
            });
            
            // load qua trinh cong tac
            LoadQuaTrinhCongTac(chuyenGiaId);
            
            // load cong trinh nghien cuu
            LoadCongTrinhNghienCuu(chuyenGiaId);
            
            // load de tai cap nha nuoc
            LoadDeTaiCapNhaNuoc(chuyenGiaId);
            
            // load de tai cap tinh
            LoadDeTaiCapTinh(chuyenGiaId);
            
            // load giai thuong khcn
            LoadGiaiThuongKhcn(chuyenGiaId);
            
            // files
            LoadChuyenGiaFile(chuyenGiaId);
        });
    </script>

    <script type="text/javascript">
        function ChuyenGiaViewModel(chuyenGia) {
            var self = this;
            // data
            self.ChuyenGia = ko.observable(chuyenGia);
            self.TenGioiTinh = ko.computed(function() {
                return self.ChuyenGia().GioiTinh() ? 'Nam' : 'Nữ';
            });
        }

        function LoadQuaTrinhCongTac(chuyenGiaId) {
            $('#QuaTrinhCongTacContainer').jtable({
                title: '',
                sorting: false,
                actions: {
                    listAction: 'ChuyenGiaDetails.aspx/QuaTrinhCongTacList'
                },
                fields: {
                    ThoiGian: {
                        title: 'Thời gian'
                    },
                    TenToChuc: {
                        title: 'Tên tổ chức',
                        width: '40%'
                    },
                    DiaChi: {
                        title: 'Địa chỉ',
                        width: '40%'
                    }
                }
            });

            $('#QuaTrinhCongTacContainer').jtable('load', { chuyenGiaId: chuyenGiaId });
        }
        
        function LoadCongTrinhNghienCuu(chuyenGiaId) {
            $('#CongTrinhContainer').jtable({
                title: '',
                sorting: false,
                actions: {
                    listAction: 'ChuyenGiaDetails.aspx/CongTrinhNghienCuuList'
                },
                fields: {
                    TenCongTrinh: {
                        title: 'Tên công trình',
                        width: '35%'
                    },
                    NoiCongBo: {
                        title: 'Nơi công bố',
                        width: '35%'
                    },
                    NamCongBo: {
                        title: 'Năm công bố'
                    },
                    TacGia: {
                        title: 'Tác giả/đồng tác giả'
                    }
                }
            });

            $('#CongTrinhContainer').jtable('load', { chuyenGiaId: chuyenGiaId });
        }
        
        function LoadDeTaiCapNhaNuoc(chuyenGiaId) {
            $('#DeTaiNhaNuocContainer').jtable({
                title: '',
                sorting: false,
                actions: {
                    listAction: 'ChuyenGiaDetails.aspx/DeTaiCapNhaNuocList'
                },
                fields: {
                    TenDeTai: {
                        title: 'Tên đề tài',
                        width: '35%'
                    },
                    TenChuyenNganh: {
                        title: 'Chuyên Ngành'
                    },
                    TenLinhVuc: {
                        title: 'Lĩnh vực'
                    },
                    NamCongBo: {
                        title: 'Năm thực hiện'
                    },
                    TacGia: {
                        title: 'Tác giả/đồng tác giả'
                    }
                }
            });

            $('#DeTaiNhaNuocContainer').jtable('load', { chuyenGiaId: chuyenGiaId });
        }
        
        function LoadDeTaiCapTinh(chuyenGiaId) {
            $('#DeTaiCapTinhContainer').jtable({
                title: '',
                sorting: false,
                actions: {
                    listAction: 'ChuyenGiaDetails.aspx/DeTaiCapTinhList'
                },
                fields: {
                    TenDeTai: {
                        title: 'Tên dự án/đề tài',
                        width: '35%'
                    },
                    TenTinhThanhPho: {
                        title: 'Tỉnh/thành phố'
                    },
                    NamThucHien: {
                        title: 'Năm thực hiện'
                    },
                    TacGia: {
                        title: 'Tác giả/đồng tác giả'
                    }
                }
            });

            $('#DeTaiCapTinhContainer').jtable('load', { chuyenGiaId: chuyenGiaId });
        }
        
        function LoadGiaiThuongKhcn(chuyenGiaId) {
            $('#GiaiThuongKhcnContainer').jtable({
                title: '',
                sorting: false,
                actions: {
                    listAction: 'ChuyenGiaDetails.aspx/GiaiThuongKhcnList'
                },
                fields: {
                    NoiDung: {
                        title: 'Hình thức và nội dung giải thưởng',
                        width: '70%'
                    },
                    NamTangThuong: {
                        title: 'Năm tặng thưởng'
                    }
                }
            });

            $('#GiaiThuongKhcnContainer').jtable('load', { chuyenGiaId: chuyenGiaId });
        }
        
        function LoadChuyenGiaFile(chuyenGiaId) {
            $('#ChuyenGiaFileContainer').jtable({
                title: '',
                sorting: false,
                //defaultSorting: 'Id DESC',
                actions: {
                    listAction: 'ChuyenGiaDetails.aspx/FileList'
                },
                fields: {
                    Id: {
                        key: true,
                        create: false,
                        edit: false,
                        list: false
                    },
                    FileName: {
                        title: 'Tên file', width: '50%',
                        display: function (data) {
                            return '<a href="/Download.aspx?id=' + data.record.Id + '" target="_blank">' + data.record.FileName + '</a>';
                        }
                    }
                }
            });

            $('#ChuyenGiaFileContainer').jtable('load', { chuyenGiaId: chuyenGiaId });
        }
    </script>
</asp:Content>
